<template>
	<view>
		<view class="list-box" v-if="dataList.length>0">
			<view class="item" v-for="(item,index) in dataList" :key="index">
				<image style="width: 103rpx;height: 88rpx;" v-if='item.prize == "曙光初现"' src="/static/wzj.png">
				</image>
				<image v-else src="/static//zjl.png"></image>
				<view class="result">
					<view>中奖结果：{{item.prize}}</view>
					<view>{{item.add_date}}</view>
				</view>
			</view>
		</view>
		<u-empty v-else mode="history" icon="http://cdn.uviewui.com/uview/empty/history.png">
		</u-empty>

	</view>


</template>

<script>
	// import {
	// 	draw_log
	// } from "@/api/api.js"
	export default {
		data() {
			return {
				dataList: [],
				page: 1,
				limit: 20,
			}
		},
		created() {
			this.getList()
		},
		methods: {
			getList() {
				this.$http('api/draw/draw_log').then(res => {
					this.dataList = res
				})
			}
		},
	}
</script>

<style scoped lang="scss">
	.result {
		margin-left: 60rpx;
	}

	.nums {
		text-align: center;
		font-size: 36rpx;
		font-weight: bold;
	}

	.rangkunm {
		text-align: center;
		color: #aaaaff;
		font-weight: bold;
		width: 80rpx;
	}

	.item {
		padding: 20rpx 50rpx;
		border-radius: 16rpx;
		color: #000;
		background-color: rgba(193, 193, 193, 0.2);
		margin: 32rpx 32rpx 0;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		// width: 686rpx;

		image {
			height: 103rpx;
			width: 103rpx;
		}
	}

	.ind-1 {
		font-size: 45rpx;
		color: red !important;
	}

	.ind-2 {
		font-size: 40rpx;
		color: red !important;
	}

	.ind-3 {
		font-size: 38rpx;
		color: red !important;
	}

	.list-box {
		width: 100%;
		padding-bottom: 30rpx;

		.ataver-box {
			background-color: #E6EBFF;
			border-bottom-right-radius: 25% !important;

			padding-top: 20rpx;

			.circle-box {
				width: 100%;
				justify-content: space-around;
			}
		}
	}

	.conter-box {
		.flex {
			height: 116rpx;
			width: 330rpx;
			color: #fff;
			font-size: 30rpx;
			justify-content: space-between;
			padding: 0 20rpx;
			border-radius: 16rpx;

			image {
				width: 50rpx;
				height: 50rpx;
			}
		}
	}

	// .shop_box {
	// 	height: 80vh;
	// }
</style>
